Loading圖示DIY

今天很幸運的找到了一個不錯的制作loading圖示的工具，說它是工具可能有點言過其實，但是這個東西實在是太還用了，是以我把它說成是一個工具，生成loading圖示是線上生成的，整個建立過程隻需要5秒就能得到你想要的loading圖示，它提供了顔色，背景透明度 ...

之前因為一些特殊的原因，則使用GIF的Loading動畫圖示，當資料載入完畢時，再將元素替換掉，而那網站中提供了各式各樣的Loading動態載入圖示，同時也可設定Loading圖示的動態速度與顏色，相當的方便就可產生出符合自己網站的風格，而最近也有熱心的網友，與梅干分享了另個Loading圖示產生器的平台，除了可產生GIF檔外，還可產生出CSS或SVG檔，同時設定也相當的簡易，因此有需要的朋友也一塊來看看囉! 當初入網站後，下方就有各式各樣的Loading載入圖示可選擇。 點一下喜歡的Loading圖示，

不論是各種平台的 UI 設計，Icons 都是相當重要的元素，跟圖片一樣平常就要多收集素材，可以利用阿湯整理過的懶人包，或是 Material icons、Fontello 這些工具，今天介紹「loading.io」這個網站底下的資料庫，是以 loading 動畫為主的各種圖示，可以收藏自己喜歡的檔案或修改樣式後下載成 GIF 或 SVG 檔，放在自己的網站，讓版面更活潑生動。

若在網頁製作時，預期頁面在載入時必須花較長時間時，通常會在等待網頁載入的期間加入一個loading的動畫圖示來表示，避免用戶誤以為網頁無回應而離開，若是圖示美觀有趣的話，甚至會吸引瀏覽者的注意力。

設計網頁的朋友都知道，當今天要製作網頁載入，或是施工中的動態圖片，就得使用Gif的動態圖示，讓網頁可以生動些，但有用過的朋友都知道，由於Gif支援透明背景，所以可壓在任何的圖片或顏色上，但礙於Gif只支援256色因此圖片時常會出現鋸齒邊緣，因此這時不妨可用SVG+CSS3動畫，來取代Gif的動態圖示，不但能保有高畫質的圖像且還是透明的，最近梅干無意發現到一個相當棒的平台，直接透過線上就產生出SVG Loading動畫，且內建就有各式各樣的Loading樣式，同時還可更改Loading圖示的顏色、大小、速度

Loading-gif-svg-css,網頁上想要製作屬於我們自己的載入圖示嗎？ 推薦使用loading.io線上免費Loading動畫圖示產生器，網頁顯示的速度快慢牽涉很多層面的問題，為了讓讀者多等待一些時間，這時Loading動畫圖示成了讓讀者轉移注意的小細節，而且還可以產生「...